<!doctype html>
<html class="no-js fixed-layout" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml">
<head th:include="include/admin/header::html"></head>
<body>

    <!--引入共有头部-->
    <div th:replace="include/top::header"></div>

    <!--页面主体内容-->
    <div class="am-cf admin-main" style="padding-top: 0">

        <!--引入共有左侧-->
        <div th:replace="include/admin/left::html"></div>

        <!--右侧-->
        <div class="admin-content" id="app">
            <div class="superAdminInfo">
                <div class="superFunction" id="userFeedback">
                    <div class="subject">
                        <div class="superFunction" id="privateWord">
                            <div class="subject">
                                <ol class="am-breadcrumb  am-breadcrumb-slash">
                                    <li class="am-active am-icon-home"> 后台管理</li>
                                    <li class="am-active">评论管理</li>
                                </ol>
                                <div class="privateWord am-animation-slide-right">
                                    <!--填充文章点赞信息-->
                                    <div class="msgReadTop">
                                        未读消息：<span class="msgIsReadNum">{{noRead}}</span>
                                        <a href="#" class="msgIsRead" @click="allOfRead">全部标记为已读</a>
                                    </div>
                                    <div class="msgRead am-g admin-like" v-for="(comment,i) in beans" :class="i<beans.length-1?'admin-like-border':''">
                                        <div class="am-u-sm-1">
                                            <img :src="comment.answerer.face" class="portrait-img">
                                        </div>

                                        <div class="am-u-sm-11">
                                            <div style="margin-left: -50px;">
                                                <span class="am-icon-comment" style="color: rgba(92,92,92,0.66);" v-if="comment.isRead==0"></span>
                                                <span class="msgHead like-content"><a class="msgPerson">{{comment.answerer.username}}</a></span> <span class="msgDate">{{comment.createdAt | formatDateTimeFilter}}</span>
                                                <div class="msgTxt like-content" style="width: 600px;">
                                                    <p style="margin-bottom: 0px;">
                                                        <span v-if="comment.parent != null">回复: <span style="color: #4183c4;">@{{comment.parent.answerer.username}} </span></span>{{comment.content}}
                                                    </p>
                                                </div>
                                                <div class="my-row">
                                                    <div class="thumbsUpPagination"></div>
                                                </div>
                                            </div>
                                        </div>

                                        <div>
                                            <img src="/img/admin/caret.png" class="admin-comment-caret">
                                            <div class="admin-comment-tips">
                                                <a :href="'/article?aid='+comment.article.id" target="_blank">{{comment.article.title}}</a>
                                                <p style="margin-top: 5px;">{{comment.article.description}}</p>
                                            </div>
                                        </div>

                                        <div style="margin-left: 90px; margin-bottom: 20px;">
                                            <a @click="reply(comment.article.id, comment.id)" class="admin-comment-button"><span class="am-icon-mail-reply"></span> 回复</a>&nbsp;&nbsp;&nbsp;<a class="admin-comment-button" @click="deleteBean(comment.id)"><span class="am-icon-trash"></span> 删除</a>
                                        </div>
                                    </div>
                                    <div th:replace="include/page::html" ></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--引入共有脚部-->
            <div th:replace="include/admin/footer::html"></div>
        </div>
    </div>

    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">回复评论</div>
            <div class="am-modal-bd">
                分类名称
                <input type="text" class="am-modal-prompt-input" id="name">
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>提交</span>
            </div>
        </div>
    </div>

    <!--手机适配显示左侧按钮-->
    <a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<script src="js/all.js"></script>
<script src="js/plugs_paging.js"></script>
<script src="js/admin/admin_comment.js"></script>
</body>
</html>
